<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>我的信息</title>
    <link rel="stylesheet" href="../../css/reset.css" />
    <link rel="stylesheet" href="../../css/public.css" />
    <link rel="stylesheet" href="../../css/mobileSelect.css">
    <link rel="stylesheet" href="../../css/form.css" />
    <link rel="stylesheet" href="../../css/my-massege.css" />
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 750;
                document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
</head>

<body class="bg-fafafc">
        <div class="passenger-head box mt16">
            <p class="name flex28">
                <span>头像</span>
            </p>
            <p class="info flex66">
                <span class="head-img">
                    <img src="../../upload/img.png" alt="">
                </span>
            </p>
        </div>
        <div class="passenger-form mt16">
            <ul>
                <li class="box">
                    <p class="name flex30">
                        <span>真实姓名</span>
                    </p>
                    <p class="info flex66">
                        <input class="input" type="text" placeholder="李丽">
                    </p>
                </li>
                <li class="box">
                    <p class="name flex30 space-info">
                        <span id="js-certificates">昵称</span>
                    </p>
                    <p class="info flex66">
                        <input class="input" type="text" placeholder="显示昵称">
                    </p>
                </li>
                <li class="box">
                    <p class="name flex30">
                        <span>性别</span>
                    </p>
                    <p class="info flex66">
                        <span id="gender" class="on">男</span>
                        <i class="icon-tri-down"></i>
                    </p>
                </li>
                <li class="box">
                    <p class="name flex30">
                        <span>邮箱</span>
                    </p>
                    <p class="info flex66">
                        <input class="input" type="text" placeholder="q19791es@sd.cn">
                    </p>
                </li>
            </ul>
        </div>
        <div class="btn-big-box">
            <a href="javascript:void(0);" class="btn-big">保存</a>
        </div>
        <p class="exit-btn">退出登录</p>
    



<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../js/public.js"></script>
<script type="text/javascript" src="../../js/mobileSelect.js"></script>
<script type="text/javascript" src="../../js/form.js"></script>
<script>
    var weekdayArr=['男','女'];
    var mobileSelect1 = new MobileSelect({
        trigger: '#gender', 
        title: '',  
        wheels: [
                    {data: weekdayArr}
                ],
        position:[0], //初始化定位 打开时默认选中的哪个 如果不填默认为0
        transitionEnd:function(indexArr, data){
            // console.log(data);
        },
        callback:function(indexArr, data){
            // console.log(data);  
        }
    });

</script>


</body>
</html>